<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>CGSGView - sceneGraph.js</title>
    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
</head>
<body class="yui3-skin-sam">

<div id="doc">
    <div id="hd" class="yui3-g header">
        <div class="yui3-u-3-4">
            
                <h1><img src="../../logo/logoCGSG_256x57.png" title="sceneGraph.js"></h1>
            
        </div>
        <div class="yui3-u-1-4 version">
            <em>API Docs for: v2.1.0</em>
        </div>
    </div>
    <div id="bd" class="yui3-g">

        <div class="yui3-u-1-4">
            <div id="docs-sidebar" class="sidebar apidocs">
                <div id="api-list">
    <h2 class="off-left">APIs</h2>
    <div id="api-tabview" class="tabview">
        <ul class="tabs">
            <li><a href="#api-classes">Classes</a></li>
            <li><a href="#api-modules">Modules</a></li>
        </ul>

        <div id="api-tabview-filter">
            <input type="search" id="api-filter" placeholder="Type to filter APIs">
        </div>

        <div id="api-tabview-panel">
            <ul id="api-classes" class="apis classes">
            
                <li><a href="../classes/CGSG.html">CGSG</a></li>
            
                <li><a href="../classes/CGSGAccordion.html">CGSGAccordion</a></li>
            
                <li><a href="../classes/CGSGAnimationManager.html">CGSGAnimationManager</a></li>
            
                <li><a href="../classes/CGSGAnimationMethod.html">CGSGAnimationMethod</a></li>
            
                <li><a href="../classes/CGSGBindEntry.html">CGSGBindEntry</a></li>
            
                <li><a href="../classes/CGSGButtonMode.html">CGSGButtonMode</a></li>
            
                <li><a href="../classes/CGSGCollisionGhostOnDemandTester.html">CGSGCollisionGhostOnDemandTester</a></li>
            
                <li><a href="../classes/CGSGCollisionManager.html">CGSGCollisionManager</a></li>
            
                <li><a href="../classes/CGSGCollisionMethod.html">CGSGCollisionMethod</a></li>
            
                <li><a href="../classes/CGSGCollisionRegionTester.html">CGSGCollisionRegionTester</a></li>
            
                <li><a href="../classes/CGSGCollisionTesterFactory.html">CGSGCollisionTesterFactory</a></li>
            
                <li><a href="../classes/CGSGColor.html">CGSGColor</a></li>
            
                <li><a href="../classes/CGSGCSSManager.html">CGSGCSSManager</a></li>
            
                <li><a href="../classes/CGSGDimension.html">CGSGDimension</a></li>
            
                <li><a href="../classes/CGSGEvent.html">CGSGEvent</a></li>
            
                <li><a href="../classes/CGSGEventManager.html">CGSGEventManager</a></li>
            
                <li><a href="../classes/CGSGHandleBox.html">CGSGHandleBox</a></li>
            
                <li><a href="../classes/CGSGImgManager.html">CGSGImgManager</a></li>
            
                <li><a href="../classes/CGSGInterpolator.html">CGSGInterpolator</a></li>
            
                <li><a href="../classes/CGSGInterpolatorLinear.html">CGSGInterpolatorLinear</a></li>
            
                <li><a href="../classes/CGSGInterpolatorTCB.html">CGSGInterpolatorTCB</a></li>
            
                <li><a href="../classes/CGSGKeyFrame.html">CGSGKeyFrame</a></li>
            
                <li><a href="../classes/CGSGMap.html">CGSGMap</a></li>
            
                <li><a href="../classes/CGSGMask.html">CGSGMask</a></li>
            
                <li><a href="../classes/CGSGMaskCache.html">CGSGMaskCache</a></li>
            
                <li><a href="../classes/CGSGMaskClip.html">CGSGMaskClip</a></li>
            
                <li><a href="../classes/CGSGMath.html">CGSGMath</a></li>
            
                <li><a href="../classes/CGSGNode.html">CGSGNode</a></li>
            
                <li><a href="../classes/CGSGNodeButton.html">CGSGNodeButton</a></li>
            
                <li><a href="../classes/CGSGNodeCircle.html">CGSGNodeCircle</a></li>
            
                <li><a href="../classes/CGSGNodeColorPicker.html">CGSGNodeColorPicker</a></li>
            
                <li><a href="../classes/CGSGNodeCurveTCB.html">CGSGNodeCurveTCB</a></li>
            
                <li><a href="../classes/CGSGNodeDomElement.html">CGSGNodeDomElement</a></li>
            
                <li><a href="../classes/CGSGNodeEllipse.html">CGSGNodeEllipse</a></li>
            
                <li><a href="../classes/CGSGNodeImage.html">CGSGNodeImage</a></li>
            
                <li><a href="../classes/CGSGNodeLine.html">CGSGNodeLine</a></li>
            
                <li><a href="../classes/CGSGNodeSlider.html">CGSGNodeSlider</a></li>
            
                <li><a href="../classes/CGSGNodeSliderHandle.html">CGSGNodeSliderHandle</a></li>
            
                <li><a href="../classes/CGSGNodeSprite.html">CGSGNodeSprite</a></li>
            
                <li><a href="../classes/CGSGNodeSquare.html">CGSGNodeSquare</a></li>
            
                <li><a href="../classes/CGSGNodeTabMenu.html">CGSGNodeTabMenu</a></li>
            
                <li><a href="../classes/CGSGNodeText.html">CGSGNodeText</a></li>
            
                <li><a href="../classes/CGSGNodeWebview.html">CGSGNodeWebview</a></li>
            
                <li><a href="../classes/CGSGParticle.html">CGSGParticle</a></li>
            
                <li><a href="../classes/CGSGParticleEmitter.html">CGSGParticleEmitter</a></li>
            
                <li><a href="../classes/CGSGParticleSystem.html">CGSGParticleSystem</a></li>
            
                <li><a href="../classes/CGSGPickNodeMethod.html">CGSGPickNodeMethod</a></li>
            
                <li><a href="../classes/CGSGPosition.html">CGSGPosition</a></li>
            
                <li><a href="../classes/CGSGRegion.html">CGSGRegion</a></li>
            
                <li><a href="../classes/CGSGRotation.html">CGSGRotation</a></li>
            
                <li><a href="../classes/CGSGScale.html">CGSGScale</a></li>
            
                <li><a href="../classes/CGSGSceneGraph.html">CGSGSceneGraph</a></li>
            
                <li><a href="../classes/CGSGSection.html">CGSGSection</a></li>
            
                <li><a href="../classes/CGSGTimeline.html">CGSGTimeline</a></li>
            
                <li><a href="../classes/CGSGTraverser.html">CGSGTraverser</a></li>
            
                <li><a href="../classes/CGSGVector2D.html">CGSGVector2D</a></li>
            
                <li><a href="../classes/CGSGView.html">CGSGView</a></li>
            
                <li><a href="../classes/CGSGWEBVIEWMODE.html">CGSGWEBVIEWMODE</a></li>
            
                <li><a href="../classes/CGSGWrapMode.html">CGSGWrapMode</a></li>
            
                <li><a href="../classes/GLOBAL_CONSTANTS.html">GLOBAL_CONSTANTS</a></li>
            
                <li><a href="../classes/GLOBAL_METHODS.html">GLOBAL_METHODS</a></li>
            
                <li><a href="../classes/GLOBAL_PROPERTIES.html">GLOBAL_PROPERTIES</a></li>
            
                <li><a href="../classes/UTIL_ARRAY.html">UTIL_ARRAY</a></li>
            
                <li><a href="../classes/WUICCGSGNodeImageFactory.html">WUICCGSGNodeImageFactory</a></li>
            
            </ul>

            <ul id="api-modules" class="apis modules">
            
                <li><a href="../modules/Animation.html">Animation</a></li>
            
                <li><a href="../modules/Collision.html">Collision</a></li>
            
                <li><a href="../modules/Math.html">Math</a></li>
            
                <li><a href="../modules/Node.html">Node</a></li>
            
                <li><a href="../modules/ParticleSystem.html">ParticleSystem</a></li>
            
                <li><a href="../modules/Scene.html">Scene</a></li>
            
                <li><a href="../modules/Util.html">Util</a></li>
            
            </ul>
        </div>
    </div>
</div>

            </div>
        </div>
        <div class="yui3-u-3-4">
                <div id="api-options">
        Show:
        <label for="api-show-inherited">
            <input type="checkbox" id="api-show-inherited" checked>
            Inherited
        </label>

        <label for="api-show-protected">
            <input type="checkbox" id="api-show-protected">
            Protected
        </label>

        <label for="api-show-private">
            <input type="checkbox" id="api-show-private">
            Private
        </label>
        <label for="api-show-deprecated">
            <input type="checkbox" id="api-show-deprecated">
            Deprecated
        </label>

    </div>


            <div class="apidocs">
                <div id="docs-main">
                    <div class="content">
                        <h1>CGSGView Class</h1>
<div class="box meta">
    

    
        <div class="extends">
            Extends <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a>
        </div>
    

    
        <div class="foundat">
            Defined in: <a href="../files/src_class.view.js.html#l64"><code>src&#x2F;class.view.js:64</code></a>
        </div>
    

    
        
            Module: <a href="../modules/Scene.html">Scene</a>
        
    

    
</div>



<div class="box intro">
    <p>Represent the scene of the application.
It encapsulates the scene graph itself and several methods to track mouse and touch events, ...</p>

</div>


    <div class="constructor">
        <h2>Constructor</h2>
        <div id="method_CGSGView" class="method item">
    <h3 class="name"><code>CGSGView</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>canvas</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l64"><code>src&#x2F;class.view.js:64</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        
    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">canvas</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/Document_Object_Model_(DOM)/HTMLElement" class="crosslink external" target="_blank">HTMLElement</a></span>
                    

                    

                    <div class="param-description">
                        <p>a handler to the canvas HTML element</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

    </div>


<div id="classdocs" class="tabview">
    <ul class="api-class-tabs">
        <li class="api-class-tab index"><a href="#index">Index</a></li>

        
            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
        
        
            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
        
        
        
    </ul>

    <div>
        <div id="index" class="api-class-tabpanel index">
            <h2 class="off-left">Item Index</h2>

            
                <div class="index-section methods">
                    <h3>Methods</h3>

                    <ul class="index-list methods extends">
                        
                            <li class="index-item method protected">
                                <a href="#method__canStartDragSelection">_canStartDragSelection</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__clickOnScene">_clickOnScene</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__dblClickOnScene">_dblClickOnScene</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__detectResizeMode">_detectResizeMode</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__dispatchClick">_dispatchClick</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method__doDragSelect">_doDragSelect</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__getDeltaOnMove">_getDeltaOnMove</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__moveOnScene">_moveOnScene</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__upAndClick">_upAndClick</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__upAndDblClick">_upAndDblClick</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__updateDblBuffer">_updateDblBuffer</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__updateFramerate">_updateFramerate</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__updateFramerateContainer">_updateFramerateContainer</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__updateSelection">_updateSelection</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private">
                                <a href="#method__upOnScene">_upOnScene</a>

                                
                                
                            </li>
                        
                            <li class="index-item method">
                                <a href="#method_deleteSelected">deleteSelected</a>

                                
                                
                            </li>
                        
                            <li class="index-item method public">
                                <a href="#method_deselectAll">deselectAll</a>

                                
                                
                            </li>
                        
                            <li class="index-item method">
                                <a href="#method_invalidateTheme">invalidateTheme</a>

                                
                                
                            </li>
                        
                            <li class="index-item method public">
                                <a href="#method_invalidateTransformation">invalidateTransformation</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method_onKeyDownHandler">onKeyDownHandler</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method_onKeyUpHandler">onKeyUpHandler</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method_onMouseDblClick">onMouseDblClick</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method_onMouseDown">onMouseDown</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method_onMouseMove">onMouseMove</a>

                                
                                
                            </li>
                        
                            <li class="index-item method">
                                <a href="#method_onMouseOutHandler">onMouseOutHandler</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method_onMouseUp">onMouseUp</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method_onTouchEnd">onTouchEnd</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method_onTouchMove">onTouchMove</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method_onTouchStart">onTouchStart</a>

                                
                                
                            </li>
                        
                            <li class="index-item method protected">
                                <a href="#method_render">render</a>

                                
                                
                            </li>
                        
                            <li class="index-item method">
                                <a href="#method_setCanvasDimension">setCanvasDimension</a>

                                
                                
                            </li>
                        
                            <li class="index-item method public">
                                <a href="#method_setDisplayRatio">setDisplayRatio</a>

                                
                                
                            </li>
                        
                            <li class="index-item method public">
                                <a href="#method_showFPS">showFPS</a>

                                
                                
                            </li>
                        
                            <li class="index-item method public">
                                <a href="#method_startPlaying">startPlaying</a>

                                
                                
                            </li>
                        
                            <li class="index-item method public">
                                <a href="#method_stopPlaying">stopPlaying</a>

                                
                                
                            </li>
                        
                    </ul>
                </div>
            

            
                <div class="index-section properties">
                    <h3>Properties</h3>

                    <ul class="index-list properties extends">
                        
                            <li class="index-item property private">
                                <a href="#property__frameContainer Handler to the HTML Element displaying the FPS">_frameContainer Handler to the HTML Element displaying the FPS</a>

                                
                                
                            </li>
                        
                            <li class="index-item property private">
                                <a href="#property__isRunning">_isRunning</a>

                                
                                
                            </li>
                        
                            <li class="index-item property private">
                                <a href="#property__keyDownedCtrl">_keyDownedCtrl</a>

                                
                                
                            </li>
                        
                            <li class="index-item property private">
                                <a href="#property__listCursors List of the names for the cursor when overring a handlebox">_listCursors List of the names for the cursor when overring a handlebox</a>

                                
                                
                            </li>
                        
                            <li class="index-item property private">
                                <a href="#property__mousePos">_mousePos</a>

                                
                                
                            </li>
                        
                            <li class="index-item property private">
                                <a href="#property__selectedNode The current last selected node">_selectedNode The current last selected node</a>

                                
                                
                            </li>
                        
                            <li class="index-item property private">
                                <a href="#property__timerDblTouch">_timerDblTouch</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_allowMultiSelect">allowMultiSelect</a>

                                
                                
                            </li>
                        
                            <li class="index-item property private">
                                <a href="#property_cgsgGlobalRenderingTimer">cgsgGlobalRenderingTimer</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_dblTouchDelay">dblTouchDelay</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_dragSelectAlpha">dragSelectAlpha</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_dragSelectFillColor">dragSelectFillColor</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_dragSelectStrokeColor">dragSelectStrokeColor</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_dragSelectStrokeWidth">dragSelectStrokeWidth</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_onRenderEnd">onRenderEnd</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_onRenderStart">onRenderStart</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_onSceneAverageFtpChanged">onSceneAverageFtpChanged</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_onSceneClickEnd">onSceneClickEnd</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_onSceneClickStart">onSceneClickStart</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_onSceneDblClickEnd">onSceneDblClickEnd</a>

                                
                                
                            </li>
                        
                            <li class="index-item property">
                                <a href="#property_onSceneDblClickStart">onSceneDblClickStart</a>

                                
                                
                            </li>
                        
                    </ul>
                </div>
            

            

            
        </div>

        
            <div id="methods" class="api-class-tabpanel">
                <h2 class="off-left">Methods</h2>

                
                    <div id="method__canStartDragSelection" class="method item protected">
    <h3 class="name"><code>_canStartDragSelection</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
        </span>
    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l733"><code>src&#x2F;class.view.js:733</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>This method indicates if, according to the current state of the scene, a drag selection could starts. Called
when a touchStart event triggered. Could be overridden to specify different behaviour.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">Event</span>
                    

                    

                    <div class="param-description">
                        <p>the event</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>:
                    
                    <p>true if drag selection could starts, false otherwise</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method__clickOnScene" class="method item private">
    <h3 class="name"><code>_clickOnScene</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>pickNode</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l769"><code>src&#x2F;class.view.js:769</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Click on the scene</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type"><a href="../classes/CGSGEvent.html" class="crosslink">CGSGEvent</a></span>
                    

                    

                    <div class="param-description">
                        <p>wrapper of MouseEvent or TouchEvent</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">pickNode</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method__dblClickOnScene" class="method item private">
    <h3 class="name"><code>_dblClickOnScene</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>mustPickNode</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type"><a href="../classes/CGSGNode.html" class="crosslink">CGSGNode</a></span>
        </span>
    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1399"><code>src&#x2F;class.view.js:1399</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        
    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type"><a href="../classes/CGSGEvent.html" class="crosslink">CGSGEvent</a></span>
                    

                    

                    <div class="param-description">
                        <p>wrapping the native event</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">mustPickNode</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type"><a href="../classes/CGSGNode.html" class="crosslink">CGSGNode</a></span>:
                    
                    <p>the node that was double-clicked</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method__detectResizeMode" class="method item private">
    <h3 class="name"><code>_detectResizeMode</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>pos</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
        </span>
    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1117"><code>src&#x2F;class.view.js:1117</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Detects if the mouse if over the handle box of a selected node.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">pos</code>
                        <span class="type"><a href="../classes/CGSGPosition.html" class="crosslink">CGSGPosition</a></span>
                    

                    

                    <div class="param-description">
                        <p>the cursor position</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>:
                    
                    <p>true if we resize, false otherwise</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method__dispatchClick" class="method item private">
    <h3 class="name"><code>_dispatchClick</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l746"><code>src&#x2F;class.view.js:746</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Dispatch a &#39;click&#39; event and for any selected node which is clickable and and only if &#39;this._isDblClick&#39; == false.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type"><a href="../classes/CGSGEvent.html" class="crosslink">CGSGEvent</a></span>
                    

                    

                    <div class="param-description">
                        <p>the event to dispatch</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method__doDragSelect" class="method item protected">
    <h3 class="name"><code>_doDragSelect</code></h3>

    
        <span class="paren">()</span>
    

    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1355"><code>src&#x2F;class.view.js:1355</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Select the nodes under the drag select rectangle</p>

    </div>

    

    

    
</div>

                
                    <div id="method__getDeltaOnMove" class="method item private">
    <h3 class="name"><code>_getDeltaOnMove</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>delta</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>offX</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>offY</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>w</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>h</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>signeX</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>signeY</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
        </span>
    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1161"><code>src&#x2F;class.view.js:1161</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        
    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">delta</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">offX</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
                    

                    

                    <div class="param-description">
                        <p>nodeOffsetX</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">offY</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
                    

                    

                    <div class="param-description">
                        <p>nodeOffsetY</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">w</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">h</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">signeX</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">signeY</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>:
                    
                
            </div>
        </div>
    

    
</div>

                
                    <div id="method__moveOnScene" class="method item private">
    <h3 class="name"><code>_moveOnScene</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l831"><code>src&#x2F;class.view.js:831</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        
    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">Event</span>
                    

                    

                    <div class="param-description">
                        <p>MouseEvent or TouchEvent</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method__upAndClick" class="method item private">
    <h3 class="name"><code>_upAndClick</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1237"><code>src&#x2F;class.view.js:1237</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Creates the custom event by calling _upOnScene and then call _clickOnScene.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">Event</span>
                    

                    

                    <div class="param-description">
                        <p>the event</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method__upAndDblClick" class="method item private">
    <h3 class="name"><code>_upAndDblClick</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1251"><code>src&#x2F;class.view.js:1251</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Creates the custom event by calling _upOnScene and then call _dblClickOnScene.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">Event</span>
                    

                    

                    <div class="param-description">
                        <p>the event</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method__updateDblBuffer" class="method item private">
    <h3 class="name"><code>_updateDblBuffer</code></h3>

    
        <span class="paren">()</span>
    

    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l379"><code>src&#x2F;class.view.js:379</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        
    </div>

    

    

    
</div>

                
                    <div id="method__updateFramerate" class="method item private">
    <h3 class="name"><code>_updateFramerate</code></h3>

    
        <span class="paren">()</span>
    

    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l547"><code>src&#x2F;class.view.js:547</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Update the current framerate</p>

    </div>

    

    

    
</div>

                
                    <div id="method__updateFramerateContainer" class="method item private">
    <h3 class="name"><code>_updateFramerateContainer</code></h3>

    
        <span class="paren">()</span>
    

    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l588"><code>src&#x2F;class.view.js:588</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Update the innerHTML of the HTMLElement passed as parameter of the &quot;showFPS&quot; function</p>

    </div>

    

    

    
</div>

                
                    <div id="method__updateSelection" class="method item private">
    <h3 class="name"><code>_updateSelection</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l670"><code>src&#x2F;class.view.js:670</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Updates the current selection according to the given event.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">Event</span>
                    

                    

                    <div class="param-description">
                        <p>the event</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method__upOnScene" class="method item private">
    <h3 class="name"><code>_upOnScene</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
        </span>
    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1265"><code>src&#x2F;class.view.js:1265</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        
    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">Event</span>
                    

                    

                    <div class="param-description">
                        <p>MouseEvent or TouchEvent</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>:
                    
                    <p>a structure indicating is the node has been moved or resize</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_deleteSelected" class="method item">
    <h3 class="name"><code>deleteSelected</code></h3>

    
        <span class="paren">()</span>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l412"><code>src&#x2F;class.view.js:412</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Remove the nodes selected in the scene graph</p>

    </div>

    

    

    
</div>

                
                    <div id="method_deselectAll" class="method item public">
    <h3 class="name"><code>deselectAll</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>excludedArray</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag public">public</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l426"><code>src&#x2F;class.view.js:426</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Deselect all nodes</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">excludedArray</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
                    

                    

                    <div class="param-description">
                        <p>CGSGNodes not to deselect</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_invalidateTheme" class="method item">
    <h3 class="name"><code>invalidateTheme</code></h3>

    
        <span class="paren">()</span>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l531"><code>src&#x2F;class.view.js:531</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Inform the SceneGraph that all nodes must be updated with the current theme</p>

    </div>

    

    

    
</div>

                
                    <div id="method_invalidateTransformation" class="method item public">
    <h3 class="name"><code>invalidateTransformation</code></h3>

    
        <span class="paren">()</span>
    

    

    

    
        <span class="flag public">public</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l522"><code>src&#x2F;class.view.js:522</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Inform the SceneGraph that a new render is needed</p>

    </div>

    

    

    
</div>

                
                    <div id="method_onKeyDownHandler" class="method item protected">
    <h3 class="name"><code>onKeyDownHandler</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
        </span>
    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1435"><code>src&#x2F;class.view.js:1435</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        
    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">KeyboardEvent</span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>:
                    
                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_onKeyUpHandler" class="method item protected">
    <h3 class="name"><code>onKeyUpHandler</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>ee</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>
        </span>
    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1453"><code>src&#x2F;class.view.js:1453</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        
    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">ee</code>
                        <span class="type">KeyboardEvent</span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>:
                    
                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_onMouseDblClick" class="method item protected">
    <h3 class="name"><code>onMouseDblClick</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1387"><code>src&#x2F;class.view.js:1387</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>mouse double click Event handler function</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">MouseEvent</span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_onMouseDown" class="method item protected">
    <h3 class="name"><code>onMouseDown</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l633"><code>src&#x2F;class.view.js:633</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>click mouse Event handler function</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">MouseEvent</span>
                    

                    

                    <div class="param-description">
                        <p>event</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_onMouseMove" class="method item protected">
    <h3 class="name"><code>onMouseMove</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l806"><code>src&#x2F;class.view.js:806</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>mouse move Event handler function</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">MouseEvent</span>
                    

                    

                    <div class="param-description">
                        <p>event</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_onMouseOutHandler" class="method item">
    <h3 class="name"><code>onMouseOutHandler</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l624"><code>src&#x2F;class.view.js:624</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Detects when the mouse leaves the canvas.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">MouseEvent</span>
                    

                    

                    <div class="param-description">
                        <p>the event</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_onMouseUp" class="method item protected">
    <h3 class="name"><code>onMouseUp</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1190"><code>src&#x2F;class.view.js:1190</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>mouse up Event handler function</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">MouseEvent</span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_onTouchEnd" class="method item protected">
    <h3 class="name"><code>onTouchEnd</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l1200"><code>src&#x2F;class.view.js:1200</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>touch up Event handler function</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">Event</span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_onTouchMove" class="method item protected">
    <h3 class="name"><code>onTouchMove</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l816"><code>src&#x2F;class.view.js:816</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>touch move Event handler function</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">Event</span>
                    

                    

                    <div class="param-description">
                         
                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_onTouchStart" class="method item protected">
    <h3 class="name"><code>onTouchStart</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>e</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l643"><code>src&#x2F;class.view.js:643</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>touch down Event handler function</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">e</code>
                        <span class="type">Event</span>
                    

                    

                    <div class="param-description">
                        <p>event</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_render" class="method item protected">
    <h3 class="name"><code>render</code></h3>

    
        <span class="paren">()</span>
    

    

    

    
        <span class="flag protected">protected</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l441"><code>src&#x2F;class.view.js:441</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>the main rendering loop</p>

    </div>

    

    

    
</div>

                
                    <div id="method_setCanvasDimension" class="method item">
    <h3 class="name"><code>setCanvasDimension</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>d</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l393"><code>src&#x2F;class.view.js:393</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Change the dimension of the canvas.
Does not really change the dimension of the rendering canvas container,
 but is used by the different computations</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">d</code>
                        <span class="type"><a href="../classes/CGSGDimension.html" class="crosslink">CGSGDimension</a></span>
                    

                    

                    <div class="param-description">
                        <p>newDimension</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_setDisplayRatio" class="method item public">
    <h3 class="name"><code>setDisplayRatio</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>ratio</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag public">public</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l608"><code>src&#x2F;class.view.js:608</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Set the new value for the display ratio.
The display ratio is used to resize all the elements on the graph to be adapted to the screen,
depending on the reference screen size.
You can compute the ratio like this: x = canvas.width/reference.width ; y = canvas.height/reference.height</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">ratio</code>
                        <span class="type"><a href="../classes/CGSGScale.html" class="crosslink">CGSGScale</a></span>
                    

                    

                    <div class="param-description">
                        <p>a CGSGScale value</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_showFPS" class="method item public">
    <h3 class="name"><code>showFPS</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>elt</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag public">public</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l599"><code>src&#x2F;class.view.js:599</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        
    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">elt</code>
                        <span class="type"><a href="https://developer.mozilla.org/en/Document_Object_Model_(DOM)/HTMLElement" class="crosslink external" target="_blank">HTMLElement</a></span>
                    

                    

                    <div class="param-description">
                        <p>an HTML element to receive the FPS. Can be null if you want to remove the framerate</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_startPlaying" class="method item public">
    <h3 class="name"><code>startPlaying</code></h3>

    
        <span class="paren">()</span>
    

    

    

    
        <span class="flag public">public</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l497"><code>src&#x2F;class.view.js:497</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Call this to start the update of the scene</p>

    </div>

    

    

    
</div>

                
                    <div id="method_stopPlaying" class="method item public">
    <h3 class="name"><code>stopPlaying</code></h3>

    
        <span class="paren">()</span>
    

    

    

    
        <span class="flag public">public</span>
    

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l512"><code>src&#x2F;class.view.js:512</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Call this to stop the rendering (and so animation) update</p>

    </div>

    

    

    
</div>

                
            </div>
        

        
            <div id="properties" class="api-class-tabpanel">
                <h2 class="off-left">Properties</h2>

                
                    <div id="property__frameContainer Handler to the HTML Element displaying the FPS" class="property item private">
    <h3 class="name"><code>_frameContainer Handler to the HTML Element displaying the FPS</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/Document_Object_Model_(DOM)/HTMLElement" class="crosslink external" target="_blank">HTMLElement</a></span>

    

    
        <span class="flag private">private</span>
    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l161"><code>src&#x2F;class.view.js:161</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        
    </div>

    

    

    
</div>

                
                    <div id="property__isRunning" class="property item private">
    <h3 class="name"><code>_isRunning</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>

    

    
        <span class="flag private">private</span>
    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l150"><code>src&#x2F;class.view.js:150</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        
    </div>

    

    

    
</div>

                
                    <div id="property__keyDownedCtrl" class="property item private">
    <h3 class="name"><code>_keyDownedCtrl</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>

    

    
        <span class="flag private">private</span>
    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l168"><code>src&#x2F;class.view.js:168</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>True if the [CTRL} key is being pressed</p>

    </div>

    
        <p><strong>Default:</strong> false</p>
    

    

    
</div>

                
                    <div id="property__listCursors List of the names for the cursor when overring a handlebox" class="property item private">
    <h3 class="name"><code>_listCursors List of the names for the cursor when overring a handlebox</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>

    

    
        <span class="flag private">private</span>
    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l214"><code>src&#x2F;class.view.js:214</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        
    </div>

    

    

    
</div>

                
                    <div id="property__mousePos" class="property item private">
    <h3 class="name"><code>_mousePos</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>

    

    
        <span class="flag private">private</span>
    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l194"><code>src&#x2F;class.view.js:194</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Current positions of the mouse or touch (Array of CGSGPosition)</p>

    </div>

    

    

    
</div>

                
                    <div id="property__selectedNode The current last selected node" class="property item private">
    <h3 class="name"><code>_selectedNode The current last selected node</code></h3>
    <span class="type">Null</span>

    

    
        <span class="flag private">private</span>
    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l224"><code>src&#x2F;class.view.js:224</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        
    </div>

    

    

    
</div>

                
                    <div id="property__timerDblTouch" class="property item private">
    <h3 class="name"><code>_timerDblTouch</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>

    

    
        <span class="flag private">private</span>
    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l177"><code>src&#x2F;class.view.js:177</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        
    </div>

    
        <p><strong>Default:</strong> null</p>
    

    

    
</div>

                
                    <div id="property_allowMultiSelect" class="property item">
    <h3 class="name"><code>allowMultiSelect</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l94"><code>src&#x2F;class.view.js:94</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Multiselection boolean.</p>

    </div>

    
        <p><strong>Default:</strong> true</p>
    

    

    
</div>

                
                    <div id="property_cgsgGlobalRenderingTimer" class="property item private">
    <h3 class="name"><code>cgsgGlobalRenderingTimer</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>

    

    
        <span class="flag private">private</span>
    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l28"><code>src&#x2F;class.view.js:28</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Provides requestAnimationFrame in a cross browser way.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_dblTouchDelay" class="property item">
    <h3 class="name"><code>dblTouchDelay</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l185"><code>src&#x2F;class.view.js:185</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The delay between 2 touches to be considered as a dbl touch event.
To remove the double touch, just set it to 0</p>

    </div>

    
        <p><strong>Default:</strong> CGSG_DEFAULT_DBLTOUCH_DELAY</p>
    

    

    
</div>

                
                    <div id="property_dragSelectAlpha" class="property item">
    <h3 class="name"><code>dragSelectAlpha</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l123"><code>src&#x2F;class.view.js:123</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Alpha value for the drag selection rectangle</p>

    </div>

    
        <p><strong>Default:</strong> 0.6</p>
    

    

    
</div>

                
                    <div id="property_dragSelectFillColor" class="property item">
    <h3 class="name"><code>dragSelectFillColor</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l102"><code>src&#x2F;class.view.js:102</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Fill color for the drag selection selection rectangle</p>

    </div>

    

    

    
</div>

                
                    <div id="property_dragSelectStrokeColor" class="property item">
    <h3 class="name"><code>dragSelectStrokeColor</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l109"><code>src&#x2F;class.view.js:109</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Stroke color for the drag selection selection rectangle</p>

    </div>

    

    

    
</div>

                
                    <div id="property_dragSelectStrokeWidth" class="property item">
    <h3 class="name"><code>dragSelectStrokeWidth</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l116"><code>src&#x2F;class.view.js:116</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Stroke width for the drag selection selection rectangle</p>

    </div>

    

    

    
</div>

                
                    <div id="property_onRenderEnd" class="property item">
    <h3 class="name"><code>onRenderEnd</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l344"><code>src&#x2F;class.view.js:344</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Callback on end rendering event</p>

    </div>

    
        <p><strong>Default:</strong> null</p>
    

    
        <div class="example">
            <h4>Example:</h4>

            <div class="example-content">
                <p> this.onRenderEnd = function () {
     //...
 }</p>

            </div>
        </div>
    

    
</div>

                
                    <div id="property_onRenderStart" class="property item">
    <h3 class="name"><code>onRenderStart</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l333"><code>src&#x2F;class.view.js:333</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Callback on start rendering event</p>

    </div>

    
        <p><strong>Default:</strong> null</p>
    

    
        <div class="example">
            <h4>Example:</h4>

            <div class="example-content">
                <p> this.onSceneClickStart = function () {
     //...
 }</p>

            </div>
        </div>
    

    
</div>

                
                    <div id="property_onSceneAverageFtpChanged" class="property item">
    <h3 class="name"><code>onSceneAverageFtpChanged</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l355"><code>src&#x2F;class.view.js:355</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Callback on frame average changed event.</p>

    </div>

    
        <p><strong>Default:</strong> null</p>
    

    
        <div class="example">
            <h4>Example:</h4>

            <div class="example-content">
                <p> this.onSceneAverageFtsChanged = function (event) {
     event.fps; // The average FPS  }</p>

            </div>
        </div>
    

    
</div>

                
                    <div id="property_onSceneClickEnd" class="property item">
    <h3 class="name"><code>onSceneClickEnd</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l297"><code>src&#x2F;class.view.js:297</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Callback on click up on scene event</p>

    </div>

    
        <p><strong>Default:</strong> null</p>
    

    
        <div class="example">
            <h4>Example:</h4>

            <div class="example-content">
                <p> this.onSceneClickEnd = function (event) {
     event.position; //Array of CGSGPosition
     event.event; //Event
 }</p>

            </div>
        </div>
    

    
</div>

                
                    <div id="property_onSceneClickStart" class="property item">
    <h3 class="name"><code>onSceneClickStart</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l285"><code>src&#x2F;class.view.js:285</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Callback on click down on scene event.</p>

    </div>

    
        <p><strong>Default:</strong> null</p>
    

    
        <div class="example">
            <h4>Example:</h4>

            <div class="example-content">
                <p> this.onSceneClickStart = function (event) {
     event.position; //Array of CGSGPosition
     event.event; //Event
 }</p>

            </div>
        </div>
    

    
</div>

                
                    <div id="property_onSceneDblClickEnd" class="property item">
    <h3 class="name"><code>onSceneDblClickEnd</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l321"><code>src&#x2F;class.view.js:321</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Callback on double click up on scene event</p>

    </div>

    
        <p><strong>Default:</strong> null</p>
    

    
        <div class="example">
            <h4>Example:</h4>

            <div class="example-content">
                <p> this.onSceneDblClickEnd = function (event) {
     event.position; //Array of CGSGPosition
     event.event; //Event
 }</p>

            </div>
        </div>
    

    
</div>

                
                    <div id="property_onSceneDblClickStart" class="property item">
    <h3 class="name"><code>onSceneDblClickStart</code></h3>
    <span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>

    

    

    

    

    <div class="meta">
        
            
                
                <p>
                
                Defined in
                
            
        
        
        <a href="../files/src_class.view.js.html#l309"><code>src&#x2F;class.view.js:309</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Callback on double click start on scene event</p>

    </div>

    
        <p><strong>Default:</strong> null</p>
    

    
        <div class="example">
            <h4>Example:</h4>

            <div class="example-content">
                <p> this.onSceneDblClickStart = function (event) {
     event.position; //Array of CGSGPosition
     event.event; //Event
 }</p>

            </div>
        </div>
    

    
</div>

                
            </div>
        

        

        
    </div>
</div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>
